<template>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4>
        <i class="fa fa-fw fa-flash"></i> FastAdmin                            <img src="https://cdn.fastadmin.net/assets/img/hot.png" height="12" alt="">
      </h4>
    </div>
    <div class="panel-body">
      <p>基于ThinkPHP和Bootstrap的极速后台开发框架</p>
      <a href="https://demo.fastadmin.net" target="_blank">
        <div class="demo-img-wrap">
          <p><img src="https://cdn.fastadmin.net/uploads/demo/demo.png!/fw/500/fh/313" srcset="https://cdn.fastadmin.net/uploads/demo/demo.png!/fw/1000/fh/626 2x" class="img-responsive" alt=""></p>
          <div class="mask"><span class="btn btn-success">立即体验</span></div>
        </div>
      </a>
      <a href="/download.html" target="_blank" class="btn btn-primary"><i class="fa fa-cloud-download"></i> 立即下载</a>
      <div class="btn-group">
        <a href="https://demo.fastadmin.net" target="_blank" class="btn btn-success">
          立即体验
        </a>
        <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="javascript:;" aria-expanded="false">
          <span class="fa fa-caret-down"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="javascript:;" data-toggle="popover" data-image="/addons/qrcode/index/build?text=https%3A%2F%2Fdemo.fastadmin.net" data-original-title="" title=""><i class="fa fa-qrcode"></i>移动端(扫码体验)</a></li>
          <li><a href="https://pure.fastadmin.net/admin/" target="_blank"><i class="fa fa-dashboard"></i>后台管理体验(纯净版)</a></li>
          <li><a href="https://demo.fastadmin.net/admin/" target="_blank"><i class="fa fa-dashboard"></i>后台管理体验(含付费插件)</a></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: 'Panel'
    }
</script>

<style scoped>

</style>
